<template>
    <!--楼盘测评 的头部内容-->
    <div>
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="未完成测评楼盘" name="first">
                <Navigation></Navigation>
                <template>
                    <ZxHouseTestTable></ZxHouseTestTable>
                </template>
            </el-tab-pane>
            <el-tab-pane label="已完成测评楼盘" name="second">
                <Navigation></Navigation>
                <ZxHouseTestTable></ZxHouseTestTable>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import ZxHouseTestTable from "../components/ZxHouseTestTable";
    import Navigation from "../components/Navigation";
    import MenuCount from "../store/module/MenuCount";
    export default {
        name: "ZxHouseTestTab",
        components:{
            ZxHouseTestTable,
            Navigation
        },
        data() {
            return {
                activeName: 'first'
            };
        },
        methods: {
            /*点击选项卡头部  切换组件里面  按钮的名称*/
            handleClick(tab, event) {
               /* console.log(tab, event);*/
                console.log(tab.name)
                this.$store.dispatch('changTitleBtn',tab.name)
            },
            clickBack(){
                this.$router.push({
                    name:'ZxHousingManager',
                    path:'/Home/ZxHousingManager',
                    query: {

                    },
                })
            }
        }

    }
</script>

<style scoped>

</style>